<template id="details">
    <div class="detai_over">
        <div class="details_mmg" v-if="red_shop">
        <div class="shop_detail">
            <img src="../image/blue_da.png" alt="" @click="getDetails()">
            <h4>确认订单</h4>
            <img src="../image/blue_x.png" alt="">
        </div>
        </div>
        <!--占位容器-->
        <div style="height:0.8rem;width:100%;" v-if="stand_wei"></div>
        <!--订单详情滚动效果-->
        <div id="detail_stroll" v-show="red_shop">

        <div class="shop_add1">
            <div class="shop_con1" v-show="! address_line.consignee" @click="addressShow()">
                <img src="../image/blue_x.png" alt="">
                <img src="../image/blue_address.png" alt="">
                <h5>添加地址</h5>
                <img src="../image/day.jpg" alt="">
            </div>

            <div class="shop_detail_add1" v-show="address_line.consignee" @click="addressShow()">
                <div class="shop_con_detail1">
                    <img src="../image/blue_x.png" alt="">
                    <img src="../image/day.jpg" alt="">
                    <img src="../image/blue_address.png" alt="">
                    <p><span>{{address_line.consignee}}</span><span>{{address_line.mobile}}</span></p>
                    <p>{{address_line.address}}</p>
                </div>
            </div>
        </div>
        <div class="package">
            <span v-show="address_level_tips == 1 && address_level_new == 0" >当日到</span>
            <span class="package_1">包裹1</span>    <!--总重约{{goods_weight}}kg暂时去掉重量-->
            <span class="package_2"><time>{{goods_num}}</time>件商品 </span>
        </div>
        <p class="arr_time">
            <span>送达时间</span>
            <span  v-if="address_level_tips == 1"  @click="getTime()" >{{deliver_date && deliver_time ? deliver_date + ' | ' + deliver_time : '请选择'}} &gt;</span>
            <span v-else>{{address_tips}}</span>
        </p>
            <!--新版确认订单的样式-->
               <div class="details_tu_list" @click="get_li()">
                   <ul class="tu_list_gou">
                       <div class="swiper-container" id="myswiper_5">
                           <div class="swiper-wrapper">
                               <div class="swiper-slide" v-for="v in goods_list">
                                   <li ><img :src="v.goods_thumb" alt=""></li>
                               </div>
                           </div>
                       </div>
                   </ul>
                   <span>共{{goods_num}}件</span>
                   <img src="../image/day.jpg" alt="" class="img_mmg">
               </div>
            <div class="shop_min_g">
                <!--新版购物车的优化改版-->
                <div class="shop_border_g"></div>
                <div class="shop_zong_g">
                    <span>商品总价</span>
                    <span>¥{{all_amount}}</span>
                </div>
                <div class="shop_goods_m_g">
                    <p class="shop_goods_m_p_g" v-for="v in gift_infos">
                        <span>赠</span>
                        <span>{{v.desc}}</span>
                        <span>－¥{{v.amount}}</span>
                    </p>
                    <p class="shop_goods_m_p_g" v-for="v in try_infos">
                        <span>试</span>
                        <span>{{v.desc}}</span>
                        <span>－¥{{v.amount}}</span>
                    </p>
                    <p class="shop_goods_m_p_g" v-for="v in discount_infos">
                        <span>促</span>
                        <span>{{v.desc}}</span>
                        <span>－¥{{v.amount}}</span>
                    </p>
                    <p class="shop_goods_m_p_g" v-if="whole_discount.desc">
                        <span>满</span>
                        <span>{{whole_discount.desc}}</span>
                        <span>－¥{{whole_discount.amount}}</span>
                    </p>
                    <p class="shop_goods_m_p_te_g"  @click="get_show_red()" >
                        <span>包</span>
                        <span>红包</span>
                        <span v-if="bonus_number > 0"style="color:#fd71c3;">
                            {{bonus_amount > 0 ? '-￥' + bonus_amount : bonus_number + '个红包可用'}}
                        </span>
                        <span v-if="bonus_number < 1" style="color:#bfbfbf">无可用</span>
                        <img src="../image/day.jpg" alt="">
                    </p>
                </div>
                <div class="shop_zong1_g">
                    <span>商品实付</span>
                    <span>¥{{goods_amount}}</span>
                </div>
                <div class="shop_zong2_g">
                    <span>运费</span>
                    <span>＋¥{{freight}}</span>
                    <a href="http://www.xiaomashengxian.com/huodong?id=17" target="_blank"><img src="../image/wen.png" alt=""></a>
                </div>
                <div class="shop_zong_k">
                    <span>优选会员</span>
                    <span>¥{{vip_buy_amount}}</span>
                </div>
                <p class="invoice_details_shop_g" @click="get_invoice()">
                    <span>发票</span>
                    <span>{{is_invoice == 1 ? '有' : '无'}}</span>
                    <img src="../image/day.jpg" alt="">
                </p>
                <div class="z_price_g"><span>共计:<time>¥{{pay_amount}}</time> </span></div>

                <!--非会员购物车-->
                <div class="shop_fei_g" v-if="vip_list">
                    <div class="shop_fei_1_g">
                        <p>开通月度会员可得<time>红包</time></p>
                        <p>本单即可返现<time>{{vip_amount}}</time>元</p>
                        <span>{{vip_name}}</span>
                    </div>
                    <div class="shop_fei_2_g" v-for="(v,index) in vip_list" @click="selectVip(index, v.id)">
                        <p>{{v.title}} <time>¥{{v.price}}/{{v.period}}月</time></p>
                        <p>送{{v.bonus_money}}元无门槛红包</p>
                        <div class="shop_fei_member_g">
                            <span>{{v.type}}</span>
                        </div>
                        <p v-bind:class="vip_id == v.id ? 'selected' : ''" ></p>
                    </div>
                    <div class="more_fei_g" @click="get_mem_m()">
                        <span>查看详情</span>
                    </div>
                </div>

                <!--会员购物车-->
                <div class="shop_hui_g" v-if="! vip_list">
                    <span>{{vip_name}}</span>
                    <span>会员卡返现</span>
                    <span>¥{{vip_amount}}</span>
                    <span>每单即可享{{vip_scale}}的返现</span>
                </div>

            </div>
        </div>
        <div v-show="is_address_but">
            <p class="payment_details" v-show="red_shop">
                <span class="payment_span">待支付:<span></span><time>¥{{pay_amount}}</time></span>
                <button @click="getDetails1()">提交订单</button>
            </p>
            <!--站位容器-->
            <div style="height:0.8rem;width:100%;" v-if="red_shop"></div>
        </div>
        <!--111-->

        <!--商品列表-->
        <div class="red_m_mg" v-show="good_gm">
            <div class="red_good_list" @click="get_mmg()">
                <img src="../image/blue_da.png" alt="">
                <h4>商品列表</h4>
            </div>
            <div class="red_good_list_mmg">
                <div class="red_good_list_shop" v-for="v in goods_list">
                    <div class="red_good_list_d_1">
                        <img :src="v.goods_thumb" alt="">
                    </div>
                    <div class="red_good_list_d_2">
                        <h6 class="red_good_list_h_f_1">{{v.goods_name}}</h6>
                        <p class="red_good_list_sp_p" v-if="v.goods_attr_id < 1">{{v.goods_share}} {{v.goods_weight}}千克</p>
                        <p class="red_good_list_sp_p" v-if="v.goods_attr_id > 0">{{v.attr_str}}</p>
                    </div>
                    <div class="red_good_list_price_m1">
                        <span>×<time>{{v.goods_number}}</time></span>
                        <span>¥ {{v.goods_amount}}</span>
                    </div>
                </div>
            </div>
        </div>

        <!--新增的红包页面-->
        <div class="red_m" v-show="red_n">
            <div class="red_1" @click="get_mm()">
                <img src="../image/blue_da.png" alt="">
                <h4>红包</h4>
            </div>

            <div class="red_2">
                不使用红包
                <span v-bind:class="bonus_id == 0 ? 'selected' : ''" @click="selectBonus(0, 0)"></span>
            </div>
            <div class="red_3">
                <p class="red_3_p">红包不能多个使用</p>
                <div class="red_4" v-for="v in bonus_list" @click="selectBonus(v.bonus_id, v.face_value)">
                    <p>小马生鲜元{{parseFloat(v.face_value)}}红包</p>
                    <p>{{v.face_value >= v.restrict_amount ? '无门槛使用' : '满' + v.restrict_amount + '元可用'}}</p>
                    <p>劲爆低价商品不能使用</p>
                    <p>会员非会员通道</p>
                    <p v-show="v.is_soon">即将过期</p>
                    <p>有效期至:{{v.expire_time}}</p>
                    <p>¥{{parseFloat(v.face_value)}}</p>
                    <span v-bind:class="bonus_id == v.bonus_id ? 'selected' : ''" ></span>
                </div>
            </div>
        </div>
        <!--新增收货地址-->
        <div class="add1" v-show="dd">
            <div class="add_p1" >
                <p><img src="../image/blue_cha.png" alt=""  v-show="this.adress_wen=='新增收货地址'?false:true" @click="get_close()">{{adress_wen}}</p>
                <p><span>收货人</span><input type="text" placeholder="填写收货人" v-model="consignee" class="int1"></p>
                <p><span>收货人手机</span><input type="text" placeholder="填写手机号" v-model="mobile" class="int1"></p>
                <p @click="pp()"><span>所在地区</span ><span id="sel_city"></span><img src="../image/day.jpg" alt="" id="img_te"></p>
                <p><span>详情地址</span><input type="text" placeholder="详情地址" v-model="address" class="int1"></p>
                <p><span class="s_l">类型<span>(选填)</span></span>
                    <span class="s_l1">
                        <span id="span_1" @click="selectArType(1)" v-bind:class="[act2]">家</span>
                        <span id="span_2" @click="selectArType(2)" v-bind:class="[act3]">公司</span>
                    </span>
                </p>
            </div>
            <div class="a_click1" id="a_click1">
                <button @click="addAddress(key)">保存并使用</button>
            </div>
        </div>

        <div class="choose_time" v-show="gg">
            <div class="choose_left">
                <h1>日期选择</h1>
                <div class="te_bie">
                <div class="swiper-container" id="swiper_first">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" v-for="v in datetime_data.date" @click="selectTime(v,1)">{{v}}</div>
                    </div>
                </div>
                </div>
                <!--1-->
            </div>
            <div class="choose_right">
                <h1>日期选择</h1>
                <!--新加的测试容器-->
                <div class="te_bie">
                <div class="swiper-container" id="swiper_one">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"  v-for="v in datetime_data.time" @click="selectTime(v, 2)">{{v}}</div>
                    </div>
                </div>
                </div>
            </div>
            <p><img src="../image/blue_cha.png" alt="" @click="closeB()"></p>
        </div>
        <!--地址弹窗-->
        <div v-show="popup" class="address_3">
            <p><img src="../image/blue_cha.png" alt="" @click="disappear()">收货地址</p>
            <div class="shop3_detail_add">
                <div class="shop3_con_detail" v-for="(v,key) in address_list">
                    <img src="../image/blue_edit.png" alt="" @click="getBian(key)">
                    <span @click="selectAddress(v.id)" class="span_mg" v-bind:class="v.id == address_new1 ? 'blue_m' : ''"></span>
                    <div class="xiu_4" @click="selectAddress(v.id)"><span>{{v.consignee}}</span> <span>{{v.mobile}}</span></div>
                    <div class="xiu_5" @click="selectAddress(v.id)"><span>{{v.address}}</span></div>
                    <div class="home_mm1"  v-if="v.type==1">家</div>
                    <div class="home_mm1"  v-if="v.type==2">公司</div>
                </div>
            </div>
            <p></p>
            <!--<router-link class="a_adress" to="/shop/adress" >新增地址</router-link>-->
            <a class="a_adress_3" @click="newZ()">新增地址</a>
        </div>
        <!--地址选择弹窗-->
        <div class="back_c" v-show="back1" @click="getL()"></div>
    </div>
</template>
<script>
    export default{
        name: 'details',
        data(){
            return{
                /*商品的订单列表详情*/
                good_gm:false,
                adress_wen:'新增收货地址',
                /*点击编辑地址的字段*/
                add_list:[],
               /* value:'',*/
                act2:'',
                act3:'',
                back1:false,
                prese:false,
                dd:false,
                popup:false,
                cc:false,
                gg:false,
                kk:false,
                rec_ids:this.$route.query.rec_ids,
                address_list:[],
                best_time:'',
                pay_id:0,
                is_invoice:0,
                invoice_header:1,
                company_name:'',
                identify_number:'',
                bonus_id:0,
                bonus_amount:0,
                bonus_list:[],
                deliver_date:'',
                deliver_time:'',
                datetime_data:[],

                vip_id:this.$route.query.vip_id,
                bonus_id:this.$route.query.bonus_id,
                bonus_amount:0,

                goods_list:[],
                address_line:[],
                gift_infos:[],
                try_infos:[],
                discount_infos:[],
                whole_discount:[],
                goods_num:0,
                goods_weight:0,
                freight:0, 
                bonus_number:0,
                all_amount:0,
                goods_amount:0,
                vip_list:[],
                vip_name:'',
                vip_scale:'',
                vip_amount:0,
                pay_amount:0,
                vip_buy_amount:0,

                // 地址添加的相关字段
                province:'',
                city:'',
                district:'',
                consignee:'',
                address:'',
                mobile:'',
                type:'',
                order_id:'',
                is_address_but:true,
                selectedIndex:[0, 0, 0],//新增字段
                is_new:true,
                //新增红包的字段
                red_n:false,
                red_shop:true,
                /*新版增加地址*/
                address_new1:'',
                stand_wei:true,

                /*保存编辑的字段*/
                key:0,

                address_tips:'',
                address_level:0,
                address_level_tips:0,
                address_level_new:0,
                /*设置显示会员默认价格*/
               /* is_member:1,*/
            }
        },
        mounted:function(){
            this.get_foucs();
            /*红包的容器*/
            let HH=$(window).height();
            $('.red_m').height(HH);
            /*商品列表的容器高度*/
            let Hg=$(window).height();
            $('.red_m_mg').height(Hg);

            let Hk= $(window).height()-48;
            $('#detail_stroll').height(Hk)
            $('#detai_over').height(Hk)
            /*两个swiper*/
            let swiper_first = new Swiper('#swiper_first', {
                observer:true,//修改swiper自己或子元素时，自动初始化swiper
                observeParents:true,//修改swiper的父元素时，自动初始化swiper
                direction:'vertical',
            });
            let swiper_one=new Swiper('#swiper_one', {
                observer:true,//修改swiper自己或子元素时，自动初始化swiper
                observeParents:true,//修改swiper的父元素时，自动初始化swiper
                direction:'vertical',
            });
            this.$nextTick(function(){
                var fruits_list = new Swiper('#myswiper_5', {
                    freeMode: true,
                    slidesPerView: 'auto',
                    observer:true,
                });
            });

            let is_invoice = this.GLOBAL.getCookie('is_invoice');
            this.is_invoice = is_invoice > 0 ? is_invoice : 0;

            this.$http.jsonp(
                this.GLOBAL.BaseUrl+'/mobile/api/v1/Flow.php?mode=addOrder',
                {
                    params:{
                        rec_ids:this.rec_ids,
                        vip_id:this.vip_id ? this.vip_id : 0,
                        bonus_id:this.bonus_id ? this.bonus_id : 0,
                        uid:this.GLOBAL.getCookie('uid'),
                        time:this.GLOBAL.getCookie('time'),
                        token:this.GLOBAL.getCookie('token'),
                    },
                    jsonp:'callback'
                }
            ).then(function (res) {
                if (res.body.code == 201) {
                    this.$router.push('/login');
                    return false;
                }  //暂时注册登录不用

                if (res.body.code != 200) {
                    alert(res.body.msg);
                    return false;
                }

                this.goods_list = res.body.data.goods_list;
                this.pay_amount = res.body.data.pay_amount;
                this.address_line = res.body.data.address_line;
                this.gift_infos = res.body.data.gift_infos;
                this.try_infos = res.body.data.try_infos;
                this.discount_infos = res.body.data.discount_infos;
                this.whole_discount = res.body.data.whole_discount;
                this.goods_num = res.body.data.goods_num;
                this.goods_weight = res.body.data.goods_weight;
                this.freight = res.body.data.freight;
                this.bonus_number = res.body.data.bonus_number;
                this.all_amount = res.body.data.all_amount;
                this.goods_amount = res.body.data.goods_amount;
                this.vip_list = res.body.data.vip_list;
                this.vip_name = res.body.data.vip_name;
                this.vip_scale = res.body.data.vip_scale;
                this.vip_amount = res.body.data.vip_amount;
                this.vip_buy_amount = res.body.data.vip_buy_amount;
                this.bonus_amount = res.body.data.bonus_amount;

                this.address_level_tips = this.address_line ? this.address_line.location.level_tips : 2;
                if(this.address_level_tips == 2){this.address_tips = '次日送达';}
                if(this.address_level_tips == 3){this.address_tips = '两到三日送达';}
                if(this.address_level_tips > 1){
                    this.deliver_time = this.address_tips;
                }

                if(this.address_line.id){
                    this.address_new1=this.address_line.id;
                }
            });

            //日期
            this.getTimeList();

        },
        methods:{
            /*监控input的点击事件*/
            get_foucs:function(){
                var objList =$(".int1");
                for ( var i = 0 ; i< objList.length ; i++ )
                {
                    if ( objList[i].type == "text" ||  objList[i].type == "textarea" || objList[i].type == "password"  )
                    {
                        if ( objList[i].disabled != true )
                        {
                            objList[i].focus();
                            return false;
                        }
                    }
                }
            },
            /*跳转到会员购买页*/
            get_mem_m:function(){
                this.$router.push('/member_right')
            },
            /*返回订单列表*/
            get_mmg:function(){
                this.red_shop=true;
                this.good_gm=false;
                this.stand_wei=true;
            },
            /*进入详情列表*/
            get_li:function(){
                this.red_shop=false;
                this.good_gm=true;
                this.stand_wei=false;
            },
            /*返回购物车*/
            get_mm:function(){
                this.red_n=false;
                this.red_shop=true;
                this.stand_wei=true;
            },
            /*显示红包列表*/
            get_show_red:function(){
                if (this.bonus_number < 1) {
                    return false;
                }
                if (this.bonus_list.length < 1) {
                    this.$http.jsonp(
                        this.GLOBAL.BaseUrl+'/mobile/api/v1/Flow.php?mode=getBonus',
                        {
                            params:{
                                goods_amount:this.goods_amount,
                                uid:this.GLOBAL.getCookie('uid'),
                                time:this.GLOBAL.getCookie('time'),
                                token:this.GLOBAL.getCookie('token'),
                            },
                            jsonp:'callback'
                        }
                    ).then(function (res) {
                        if (res.body.code != 200) {
                            alert(res.body.msg);
                            return false;
                        }

                        this.bonus_list = res.body.data.bonus_list;
                    });
                }

                this.red_n=true;
                this.red_shop=false;
                this.stand_wei=false;
            },
            // 选择红包
            selectBonus:function (id, amount) {
                var goods_amount = parseFloat(this.goods_amount) * 100;
                var pay_amount = parseFloat(this.pay_amount) * 100;
                var old_amount = parseFloat(this.bonus_amount) * 100;
                var new_amount = parseFloat(amount) * 100;

                this.pay_amount = ((pay_amount + old_amount - new_amount) / 100).toFixed(2);
                this.goods_amount = ((goods_amount + old_amount - new_amount) / 100).toFixed(2);

                this.bonus_id = id;
                this.bonus_amount = amount;
                this.red_n=false;
                this.red_shop=true;
            },
            get_close:function(){
                this.back1=false;
                this.dd=false;

                let H = $(window).height()-48;
                $('#detail_stroll').height(H)
                $('#detai_over').height(H)
            },
            /*编辑修改地池*/
            getBian:function(key){
                this.is_new = false;
                this.dd=true;
                this.key=key;
                this.popup = false;
                this.adress_wen='编辑修改地址';
                this.$http.jsonp(
                    this.GLOBAL.BaseUrl+'/mobile/api/v1/Address.php?mode=save',
                    {
                        params: {
                            address_id: this.address_list[key].id,
                            uid:this.GLOBAL.getCookie('uid'),
                            time:this.GLOBAL.getCookie('time'),
                            token:this.GLOBAL.getCookie('token'),
                        },
                        jsonp:'callback'
                    }
                ).then(function (res) {
                    this.add_list = res.body.data.address;
                    /*this.add_list1= this.address_1;*/
                    this.consignee= this.add_list.consignee;
                    this.mobile=this.add_list.mobile;
                    this.address=this.add_list.address;
                    this.selectArType(this.add_list.type);
                    $('#sel_city').text(this.add_list.province+this.add_list.city+this.add_list.district);

                    //初始化地址
                    this.province = this.add_list.province;
                    this.city = this.add_list.city;
                    this.district = this.add_list.district;
                });
               /* this.add_list= this.address_list[key];
                this.consignee= this.add_list.consignee;
                this.mobile=this.add_list.mobile;
                this.address=this.add_list.address;
                this.selectArType(this.add_list.type);
                $('#sel_city').text(this.add_list.province+this.add_list.city+this.add_list.district);
                //初始化地址
                this.province = this.add_list.province;
                this.city = this.add_list.city;
                this.district = this.add_list.district;*/
                this.address_city();
                this.add_list=[];
            },
            /*点击编辑地址*/
            closeB:function(){
                this.gg=false;
                this.back1=false;
            },
            /*全选弹框的消失*/
            getL:function(){
               /* this.back1=false;
                this.gg=false;*/
               if(this.gg=true){
                   this.back1=false;
                   this.gg=false;
               };
                if(this.popup=true){
                    this.back1=false;
                    this.popup=false;
                };
                if(this.dd=true){
                    this.back1=false;
                    this.dd=false;
                }
            },
            newZ:function(){
                this.is_new= true;
                this.dd=!this.dd;
                this.popup=false;
                this.back1=true;
                this.adress_wen='新增收货地址';
                this.add_list=[];
                this.consignee= '';
                this.mobile='';
                this.address='';
                $('#sel_city').text('');
                this.selectArType(0);
            },
            preservation:function(){
                this.prese=true;
                this.dd=false;

            },
            /*点击编辑选择地址对应相应的位置*/
            address_city:function(){
                //console.log(city);
                let arr = [];
                for(var i in city){
                    if(city[i]['name'] == this.province){
                        arr.push(i);

                        let sub = city[i]['sub'];
                        for(var i2 in sub){
                            if(sub[i2]['name'] == this.city){
                                arr.push(i2);

                                let sub2 = sub[i2]['sub'];
                                for(var i3 in sub2){
                                    if(sub2[i3]['name'] == this.district){
                                        arr.push(i3);
                                    }
                                }
                            }
                        }
                    }
                }
                this.selectedIndex = arr;
            },
            /*选择地址代码*/
            pp:function(){
                /*this.back1=true;*/
                var obj = this;
                var nameEl = document.getElementById('sel_city');

                var first = []; /* 省，直辖市 */
                var second = []; /* 市 */
                var third = []; /* 镇 */

                if(this.is_new){
                    var selectedIndex = [0,0,0]; /* 默认选中的地区 */
                }else{
                    var selectedIndex = this.selectedIndex; /* 默认选中的地区 */
                }

                var checked = [0, 0, 0]; /* 已选选项 */

                function creatList(obj, list){
                    obj.forEach(function(item, index, arr){
                        var temp = new Object();
                        temp.text = item.name;
                        temp.value = index;
                        list.push(temp);
                    })
                }

                creatList(city, first);

                if (city[selectedIndex[0]].hasOwnProperty('sub')) {
                    creatList(city[selectedIndex[0]].sub, second);
                } else {
                    second = [{text: '', value: 0}];
                }

                if (city[selectedIndex[0]].sub[selectedIndex[1]].hasOwnProperty('sub')) {
                    creatList(city[selectedIndex[0]].sub[selectedIndex[1]].sub, third);
                } else {
                    third = [{text: '', value: 0}];
                }

                var picker = new Picker({
                    data: [first, second, third],
                    selectedIndex: selectedIndex,
                    title: '地址选择'
                });

                picker.on('picker.select', function (selectedVal, selectedIndex) {
                    var text1 = first[selectedIndex[0]].text;
                    var text2 = second[selectedIndex[1]].text;
                    var text3 = third[selectedIndex[2]] ? third[selectedIndex[2]].text : '';

                    obj.province = text1;
                    obj.city = text2;
                    obj.district = text3;

                    nameEl.innerText = text1 + ' ' + text2 + ' ' + text3;
                });

                picker.on('picker.change', function (index, selectedIndex) {
                    if (index === 0){
                        firstChange();
                    } else if (index === 1) {
                        secondChange();
                    }

                    function firstChange() {
                        second = [];
                        third = [];
                        checked[0] = selectedIndex;
                        var firstCity = city[selectedIndex];
                        if (firstCity.hasOwnProperty('sub')) {
                            creatList(firstCity.sub, second);

                            var secondCity = city[selectedIndex].sub[0]
                            if (secondCity.hasOwnProperty('sub')) {
                                creatList(secondCity.sub, third);
                            } else {
                                third = [{text: '', value: 0}];
                                checked[2] = 0;
                            }
                        } else {
                            second = [{text: '', value: 0}];
                            third = [{text: '', value: 0}];
                            checked[1] = 0;
                            checked[2] = 0;
                        }

                        picker.refillColumn(1, second);
                        picker.refillColumn(2, third);
                        picker.scrollColumn(1, 0)
                        picker.scrollColumn(2, 0)
                    }

                    function secondChange() {
                        third = [];
                        checked[1] = selectedIndex;
                        var first_index = checked[0];
                        if (city[first_index].sub[selectedIndex].hasOwnProperty('sub')) {
                            var secondCity = city[first_index].sub[selectedIndex];
                            creatList(secondCity.sub, third);
                            picker.refillColumn(2, third);
                            picker.scrollColumn(2, 0)
                        } else {
                            third = [{text: '', value: 0}];
                            checked[2] = 0;
                            picker.refillColumn(2, third);
                            picker.scrollColumn(2, 0)
                        }
                    }

                });

                picker.on('picker.valuechange', function (selectedVal, selectedIndex) {
                   // console.log(selectedVal);
                   // console.log(selectedIndex);
                });
                /* nameEl.addEventListener('click', function () {*/
                picker.show();
                /* });*/
            },
            disappear:function () {
                this.popup=!this.popup;
                this.back1=false;
            },
            addressShow:function(){

                let H = $(window).height();
                $('#detail_stroll').height(H)
                $('#detai_over').height(H)
                if(this.popup==false){
                        this.$http.jsonp(
                            this.GLOBAL.BaseUrl+'/mobile/api/v1/Address.php?mode=index',
                            {
                                params:{
                                    uid:this.GLOBAL.getCookie('uid'),
                                    time:this.GLOBAL.getCookie('time'),
                                    token:this.GLOBAL.getCookie('token'),
                                },
                                jsonp:'callback'
                            }
                        ).then(function (res) {
                            this.address_list = res.body.data.address_list;
                        });
                    this.popup=true;
                    this.back1=true;
                }else{
                    this.popup=false;
                }
            },
            /*选择地址*/
            selectAddress:function (id) {
                this.$http.jsonp(
                    this.GLOBAL.BaseUrl+'/mobile/api/v1/Address.php?mode=get_line',
                    {
                        params:{
                            address_id:id,
                            uid:this.GLOBAL.getCookie('uid'),
                            time:this.GLOBAL.getCookie('time'),
                            token:this.GLOBAL.getCookie('token'),
                        },
                        jsonp:'callback'
                    }
                ).then(function (res) {
                    if (res.body.code != 200) {
                        alert(res.body.msg);
                        return false;
                    }
                    this.address_line = res.body.data.address_line;
                    /*新版本地址的修改*/
                    /*新版本的地址选择*/
                    this.address_new1 = this.address_line.id;

                    //切换
                    this.address_me();
                    this.popup=false;
                    this.back1=false;
                });
            },
            //地址价格检测
            address_me(){
                //切换
                let address =  this.address_line.address;
                let price   =  this.pay_amount-this.freight;

                this.$http.jsonp(this.GLOBAL.BaseUrl+'/mobile/api/v1/Flow.php?mode=getPosition',{params: {address:address,price:price},jsonp:'callback'}
                ).then(function (res) {
                    let temp =  res.body.data;
                    if(res.body.code == 200){   
                        this.pay_amount = temp.pay_amount;
                        this.freight    = temp.freight;

                        this.address_level_tips = temp.level_tips;
                        if(this.address_level_tips == 2){this.address_tips = '次日送达';}
                        if(this.address_level_tips == 3){this.address_tips = '两到三日送达';}
                        if(this.address_level_tips > 1){
                            this.deliver_time  = this.address_tips;
                        }else{
                            this.deliver_date  = this.datetime_data.date[0];
                            this.deliver_time  = this.datetime_data.time[0];
                        }
                    }
                });
            },
            getTimeList:function(){
                 this.$http.jsonp(
                        this.GLOBAL.BaseUrl+'/mobile/api/v1/Flow.php?mode=getDeliverTime',
                        {
                            jsonp:'callback'
                        }
                    ).then(function (res) {
                        this.datetime_data = res.body.data.deliver_time;
                        this.deliver_date  = this.datetime_data.date[0];
                        this.deliver_time  = this.datetime_data.time[0];
                        if(this.datetime_data.stat == 1){
                            this.address_level_new = 1;
                        }
                    });
            },
            getTime:function(){
                this.gg=!this.gg;
                this.back1=true;
            },
            getCC:function(){
                this.ss=false;
                this.back1=false;
            },

            getS:function(){
                this.kk=!this.kk;
                /*this.back1=true;*/
            },

            getDetails:function(){
                window.history.go(-1);
            },

            lost:function(){
                this.cc=false;
                this.back1=false;
            },
            /*提交订单确定支付到订单详情页*/
            getDetails1:function(){
                if ((!this.deliver_date || !this.deliver_time) && this.address_level_tips == 1) {
                    alert('请选择配送时间!');
                    return false;
                }

                if(parseInt(this.pay_amount) < 20){
                    alert("实付金额满20元起送!");return;
                }

                var obj = this;

                this.$http.jsonp(
                    this.GLOBAL.BaseUrl+'/mobile/api/v1/Flow.php?mode=check2Hours',
                    {
                        params:{
                            rec_ids:this.rec_ids,
                            uid:this.GLOBAL.getCookie('uid'),
                            time:this.GLOBAL.getCookie('time'),
                            token:this.GLOBAL.getCookie('token'),
                        },
                        jsonp:'callback'
                    }
                ).then(function (res) {
                    if (res.body.code != 200 && res.body.code != 501) {
                        alert(res.body.msg);
                        return false;
                    }

                    var status = res.body.code == 501 ? 1 : 0;
                    if (status) {
                        if (confirm(res.body.msg + '您确定继续提交吗？')) {
                            obj.insertOrder();
                        }
                    } else {
                        obj.insertOrder();
                    }
                });
            },

            insertOrder : function () {
                let best_time = '';
                if(this.address_level_tips == 1){
                    best_time = this.deliver_date + ' | ' + this.deliver_time;
                }else{
                    best_time = this.address_tips;
                }

                this.$http.jsonp(
                    this.GLOBAL.BaseUrl+'/mobile/api/v1/Flow.php?mode=insertOrder',
                    {
                        params:{
                            rec_ids:this.rec_ids,
                            pay_id:this.pay_id,
                            is_invoice:this.is_invoice,
                            invoice_header:this.invoice_header,
                            identify_number:this.identify_number,
                            bonus_id:this.bonus_id,
                            vip_id:this.vip_id,
                            best_time:best_time,
                            uid:this.GLOBAL.getCookie('uid'),
                            time:this.GLOBAL.getCookie('time'),
                            token:this.GLOBAL.getCookie('token'),
                            session_id:this.GLOBAL.getCookie('user_cart_id'),
                        },
                        jsonp:'callback'
                    }
                ).then(function (res) {
                    if (res.body.code != 200) {
                        alert(res.body.msg);
                        return false;
                    }

                    $('.times').html(res.body.data.number);
                    this.order_id=res.body.data.order_id;
                    this.GLOBAL.setCookie('is_invoice', 0); // 提交订单成功后把是否开发票设置为不开
                    this.$router.push('/Orderdetails?order_id='+ this.order_id);


                });
            },

            // 选择时间
            selectTime:function (str, type) {
                if (type == 1) {
                    this.deliver_date = str;
                } else {
                    if (! this.deliver_date) {
                        alert('请先选择日期！');
                        return false;
                    }

                    this.deliver_time = str;
                    this.gg = false;
                    this.back1=false;
                }
            },
            // 选择配送地址类型
            selectArType:function (type) {
                this.type = type;
                this.act2='';
                this.act3='';
                if(this.type==1){
                    this.act2 = 'showY';
                };
                if(this.type==2){
                    this.act3='showY'
                }
            },
            // 保存配送地址
            addAddress:function (key) {
                if (! (this.province && this.city && this.district && this.consignee && this.address && this.mobile && this.type)) {
                    alert('地址请填写完整！');
                    return false;
                }
                if(this.mobile.length!=11) {
                    alert('请输入有效的手机号码！');
                    return false;
                }
                var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;
                if(!myreg.test(this.mobile)) {
                    alert('请输入有效的手机号码！');
                    return false;
                }
                if(this.is_new==true){
                    this.$http.jsonp(
                        this.GLOBAL.BaseUrl+'/mobile/api/v1/Address.php?mode=insert',
                        {
                            params: {
                                province:this.province,
                                city:this.city,
                                district:this.district,
                                consignee:this.consignee,
                                address:this.address,
                                mobile:this.mobile,
                                type:this.type,
                                uid:this.GLOBAL.getCookie('uid'),
                                time:this.GLOBAL.getCookie('time'),
                                token:this.GLOBAL.getCookie('token'),
                            },
                            jsonp:'callback'
                        }
                    ).then(function (res) {
                        if (res.body.code == 201) {
                            this.GLOBAL.setCookie('logined_url', window.location.pathname + window.location.search);
                            this.$router.push('/login');
                            return false;
                        }

                        if (res.body.code != 200) {
                            alert(res.body.msg);
                            return false;
                        }
                        this.address_line=res.body.data.address;
                        /*立即跟新数组里面地址列表*/
                        this.address_list.push(this.address_line);
                        //this.arr_new=this.address_list;//把新更新的一个数组变成一个新的数组
                        /*调用默认选中地址的方法*/
                        this.selectAddress(res.body.data.address.address_id);
                        this.prese = true;
                        this.dd = false;
                        this.back1=false;
                    });
                }else{
                    this.$http.jsonp(
                        this.GLOBAL.BaseUrl+'/mobile/api/v1/Address.php?mode=update',
                        {
                            params: {
                                province:this.province,
                                city:this.city,
                                district:this.district,
                                consignee:this.consignee,
                                address:this.address,
                                mobile:this.mobile,
                                type:this.type,
                                uid:this.GLOBAL.getCookie('uid'),
                                time:this.GLOBAL.getCookie('time'),
                                token:this.GLOBAL.getCookie('token'),
                                address_id:this.address_list[key].id,
                            },
                            jsonp:'callback'
                        }
                    ).then(function(res){
                        this.address_line=res.body.data.address;
                        /*立即跟新数组里面地址列表*/
                        // this.address_list.push(this.address_line);
                        //this.arr_new=this.address_list;//把新更新的一个数组变成一个新的数组
                        /*调用默认选中地址的方法*/
                        this.selectAddress(res.body.data.address.address_id);
                        this.prese = true;
                        this.dd = false;
                        this.back1=false;
                    })
                }
               /* this.$http.jsonp(
                    this.GLOBAL.BaseUrl+'/mobile/api/v1/Address.php?mode=insert',
                    {
                        params: {
                            province:this.province,
                            city:this.city,
                            district:this.district,
                            consignee:this.consignee,
                            address:this.address,
                            mobile:this.mobile,
                            type:this.type,
                            uid:this.GLOBAL.getCookie('uid'),
                            time:this.GLOBAL.getCookie('time'),
                            token:this.GLOBAL.getCookie('token'),
                        },
                        jsonp:'callback'
                    }
                ).then(function (res) {
                    if (res.body.code != 200) {
                        alert(res.body.msg);
                        return false;
                    }
                    this.address_line = res.body.data.address;
                    this.prese = true;
                    this.dd = false;
                    this.back1=false;
                });*/
            },

            //选择会员
            selectVip:function (index, id) {
                var pay_amount = parseFloat(this.pay_amount) * 100;
                var vip_buy_amount = parseFloat(this.vip_buy_amount) * 100;
                this.vip_buy_amount = this.vip_list[index].price;
                var new_vip_buy_amount = parseFloat(this.vip_buy_amount) * 100;

                this.pay_amount = ((pay_amount - vip_buy_amount + new_vip_buy_amount) / 100).toFixed(2);
                this.vip_id = id;
            },

            /*发票选择*/
            get_invoice:function(){
                this.GLOBAL.setCookie('pay_amount', this.pay_amount);
                this.$router.push('/my_invoice');
            },
        },

    };

</script>
<style>
    .shop_zong_k span:nth-of-type(1){
        display:block;
        width:1.76rem;
        height:0.79rem;
        float:left;
        line-height:0.79rem;
        color:#494848;
        font-size:0.26rem;
        text-indent: 0.2rem;
    }
    .shop_zong_k span:nth-of-type(2){
        height:0.79rem;
        float:right;
        color:#fd71c3;
        font-size:0.24rem;
        line-height:0.79rem;
        display:block;
        margin-right:0.2rem;
    }
    .shop_zong_k{
        width:100%;
        height:0.79rem;
        border-bottom:0.01rem solid #f0f0f0;
    }
    /*优选会员*/
    .details_mmg{
        width:100%;
        height:0.8rem;
        position:fixed;
        background:#ffffff;
        top:0;
        left:0;
        z-index:1;
    }
    /*占位容器*/
    #myswiper_5{
        width:5.16rem;
    }
    .home_mm1{
        height:0.32rem;
        width:0.62rem;
        border:0.01rem solid #fc1dac;
        line-height:0.32rem;
        text-align:center;
        font-size:0.2rem;
        position:absolute;
        border-radius:0.05rem;
        top: .4rem;
        left: 3.5rem;
        color:#fc1dac;
    }
    .blue_m{
        background:url(../image/blue_2.jpg) no-repeat;
        background-size: contain;
    }
    .span_mg{
        display: block;
        position: absolute;
        height: 0.25rem;
        width: 0.25rem;
        top: 1rem;
        left: 0.26rem;
        border:0.01rem solid #cccccc;
        border-radius:50%;
    }
    /*添加选中地址的样式*/
    #span_1{
        display:block;
        width:0.74rem;
        height:0.3rem;
        color:#909090;
        font-size:0.2rem;
        line-height:0.3rem;
        text-align:center;
        border-radius:0.05rem;
        position:absolute;
        top:0.25rem;
        /* left:0.2rem;*/
        border:0.01rem solid #dedede;
    }
    #span_2{
        position:absolute;
        border:0.01rem solid #dedede;
        top:0.25rem;
        left:0.9rem;
        display:block;
        width:0.74rem;
        height:0.3rem;
        color:#909090;
        font-size:0.2rem;
        line-height:0.3rem;
        text-align:center;
        border-radius:0.05rem;
    }
    /*新版添加默认地址样式*/
    .red_good_list_price_m1 span:nth-of-type(2){
        height:0.87rem;
        /* width:1rem;*/
        /* text-align:center;*/
        line-height:0.87rem;
        color:#fd8ece;
        font-size:0.24rem;
        margin-right: 0.22rem;
        float:right;
     /*   text-decoration: line-through;*//*新版订单详情增加的样式*/
    }
    .red_good_list_price_m1 span:nth-of-type(1){
        /*width:0.65rem;*/
        height:0.87rem;
        line-height:0.87rem;
        /* text-align:center;*/
        color:#bdbdbd;
        font-size:0.24rem;
        margin-left:0.3rem;
        float:left;
    }
    .red_good_list_price_m1{
        width: 2rem;
        height:1.54rem;
        float:right
        /*  position:absolute;;
          right:0.22rem;
          top:0;*/
    }
    .red_good_list_d_1{
        height:1.54rem;
        width:1.8rem;

        float:left;
      /*  position:relative;*/
    }
    .red_good_list_d_1 img{
        display:block;
        height:1.2rem;
        width:1.2rem;
        margin:0.18rem 0 0 0.3rem;
    }
    .red_good_list_shop{
        height:1.54rem;
        width:100%;
        /*position:relative;*/
        border-bottom:1px solid #f0f0f0;
    }
    .red_good_list_d_2{
        width:2.6rem;
        height:1.54rem;
        float:left;
    }
    .red_good_list_d_2 h6{
        height:0.8rem;
        width:auto;
        overflow: hidden;;
        text-overflow:ellipsis;
        white-space: nowrap;
      /*  text-indent:-0.5rem;*/
        line-height:0.8rem;
        color:#353535;
        font-size:0.24rem;
        font-weight:normal;
    }
    .red_good_list_d_2 .red_good_list_sp_p{
        height:0.45rem;
        width:auto;
        color:#9e9e9e;
        font-size:0.2rem;
        line-height:0.45rem;
        overflow: hidden;;
        text-overflow:ellipsis;
        white-space: nowrap;
        /*text-indent: -0.5rem;*/
       /* margin-top:-0.4rem;*/
    }
    /*1*/
    .red_good_list h4{
        height:0.7rem;
        color:#2eaffc;
        font-size:0.28rem;
        line-height:0.7rem;
        text-align:center;
        font-weight:normal;
    }
    .red_good_list{
        height:0.7rem;
        width:100%;
        border-bottom:0.01rem solid #f0f0f0;
        position:relative;
        background:#ffffff;
    }
    .red_good_list img{
        height:0.36rem;
        width:0.36rem;
        display:block;
        position:absolute;
        left:0.25rem;
        top:0.2rem;
    }
    /*商品列表*/
    .picker .picker-panel .picker-choose .confirm{
        color:#007aff;
    }
    /**/
    .shop_hui_g{
        height:0.9rem;
        width:100%;
        padding-top:0.2rem;
        position:relative;

    }
    .shop_hui_g span:nth-of-type(4){
        height:0.32rem;
        float:right;
        color:#848484;
        font-size:0.24rem;
        line-height:0.32rem;
        display:block;
        /*margin-right:0.2rem;*/
        position:absolute;
        top:0.53rem;
        right:0.2rem;
    }
    .shop_hui_g span:nth-of-type(3){
        height:0.34rem;
        float:right;
        color:#fd71c3;
        font-size:0.24rem;
        line-height:0.34rem;
        display:block;
        margin-right:0.2rem;
    }
    .shop_hui_g span:nth-of-type(2){
        display:block;
        height:0.66rem;
        width:1.65rem;
        color:#545454;
        font-size:0.24rem;
        line-height:0.66rem;
        text-align:center;
        position:absolute;
        top:0.2rem;
        left:1.38rem;
    }
    .shop_hui_g span:nth-of-type(1){
        position:absolute;
        display:block;
        width:1.18rem;
        height:0.35rem;
        line-height:0.35rem;
        color:#8b7527;
        font-size:0.22rem;
        border-radius:0.5rem;
        text-align:center;
        background: -webkit-linear-gradient(left, #feeda0 , #ffd882); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #feeda0, #ffd882); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right,  #feeda0, #ffd882); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #feeda0, #ffd882); /* 标准的语法（必须放在最后） */
        top:0.33rem;
        left:0.1rem;
    }

    /*会员购物车*/
    .more_fei_g span{
        display:block;
        height:0.5rem;
        width:1.32rem;
        line-height:0.5rem;
        text-align:center;
        color:#cecece;
        font-size:0.26rem;
        margin:auto;
        border:0.01rem solid #dedede;
        border-radius:0.05rem;
    }
    .more_fei_g{
        width:100%;
        height:0.8rem;
        padding-top: 0.22rem;
    }
    .shop_fei_member_g span{
        display:block;
        height:0.28rem;
        width:0.44rem;
        font-size:0.18rem;
        color:#ffffff;
        line-height:0.28rem;
        text-align:center;
        border-radius:0.05rem;
        background: -webkit-linear-gradient(left, #feeda0 , #ffd882); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #feeda0, #ffd882); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right,  #feeda0, #ffd882); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #feeda0, #ffd882); /* 标准的语法（必须放在最后） */
    }
    .shop_fei_member_g{
        height:0.5rem;
        width:0.6rem;
        border:0.01rem solid #e8e8e8;
        position:absolute;
        left:0.1rem;
        top:0.15rem;
        border-radius:50%;
        padding-top:0.2rem;
        padding-left:0.1rem;
    }
    .shop_fei_2_g{
        width:100%;
        height:0.85rem;
        border-bottom:0.01rem solid #f0f0f0;
        padding-top:0.14rem;
        position:relative;
    }
    .shop_fei_2_g p:nth-of-type(3){
        height:0.36rem;
        width:0.36rem;
        border:0.01rem solid #d2d1cf;
        position:absolute;
        top:0.34rem;
        right:0.26rem;
        border-radius:50%;
    }
    .shop_fei_2_g p:nth-of-type(3).selected{
        background:url(../image/blue_2.jpg) no-repeat;
        background-size: contain;
    }
    .shop_fei_2_g p:nth-of-type(1){
        height:0.35rem;
        line-height:0.35rem;
        text-indent: 1.73rem;
        color:#545454;
        font-size:0.22rem;
    }
    .shop_fei_2_g p:nth-of-type(1) time{
        font-weight:700;
    }
    .shop_fei_2_g p:nth-of-type(2){
        height:0.35rem;
        line-height:0.35rem;
        text-indent: 1.73rem;
        color:#a6a6a6;
        font-size:0.22rem;
    }
    /*月卡*/
    .shop_fei_1_g p{
        height:0.35rem;
        line-height:0.35rem;
        text-indent: 1.73rem;
        color:#545454;
        font-size:0.22rem;
    }
    .shop_fei_1_g p time{
        color:#fc1dac;
    }
    .shop_fei_1_g span{
        position:absolute;
        display:block;
        width:1.18rem;
        height:0.35rem;
        line-height:0.35rem;
        color:#8b7527;
        font-size:0.22rem;
        border-radius:0.5rem;
        text-align:center;
        background: -webkit-linear-gradient(left, #feeda0 , #ffd882); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #feeda0, #ffd882); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right,  #feeda0, #ffd882); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #feeda0, #ffd882); /* 标准的语法（必须放在最后） */
        top:0.33rem;
        left:0.1rem;
    }
    .shop_fei_1_g{
        width:100%;
        height:0.85rem;
        border-bottom:0.01rem solid #f0f0f0;
        padding-top:0.14rem;
        position:relative;
    }
    .shop_fei_g{
        min-height:2rem;
        width:100%;
    }
    /*非会员购物车*/
    .z_price_g{
        width:100%;
        height:0.79rem;
        line-height:0.79rem;
        border-bottom:0.1rem solid #f5f4f2;
        font-size:0.26rem;
        color:#9a9a9a;
    }
    .z_price_g span{
        height:0.79rem;
        display:block;
        float:right;
        margin-right:0.2rem;
    }
    .z_price_g span time{
        color:#fc1dac;
    }
    /*总价*/
    .invoice_details_shop_g{
        width:100%;
        height:0.79rem;
        border-bottom:0.01rem solid #f0f0f0;
        position:relative;
    }
    .invoice_details_shop_g img {
        position:absolute;
        display:block;
        width:0.21rem;
        height:0.36rem;
        top:0.2rem;
        right:0.15rem;
    }
    .invoice_details_shop_g span:nth-of-type(1){
        width:1.02rem;
        height:0.79rem;
        line-height:0.79rem;
        color:#494848;
        font-size:0.24rem;
        float:left;
        text-indent: 0.2rem;
    }
    .invoice_details_shop_g span:nth-of-type(2){
        height:0.79rem;
        line-height:0.79rem;
        color:#bfbfbf;
        font-size:0.24rem;
        float:right;
        margin-right:0.43rem;
    }
    /*发票*/
    .shop_zong2_g img{
        display:block;
        height:0.3rem;
        width:0.3rem;
        position:absolute;
        top:0.22rem;
        left:0.7rem;
    }
    .shop_zong2_g span:nth-of-type(1){
        display:block;
        width:1.76rem;
        height:0.79rem;
        float:left;
        line-height:0.79rem;
        color:#494848;
        font-size:0.26rem;
        text-indent: 0.2rem;
    }
    .shop_zong2_g span:nth-of-type(2){
        height:0.79rem;
        float:right;
        color:#fd71c3;
        font-size:0.24rem;
        line-height:0.79rem;
        display:block;
        margin-right:0.2rem;
    }
    .shop_zong2_g{
        width:100%;
        height:0.79rem;
        border-bottom:0.01rem solid #f0f0f0;
        position:relative;
    }
    .shop_zong1_g span:nth-of-type(1){
        display:block;
        width:1.76rem;
        height:0.79rem;
        float:left;
        line-height:0.79rem;
        color:#494848;
        font-size:0.26rem;
        text-indent: 0.2rem;
    }
    .shop_zong1_g span:nth-of-type(2){
        height:0.79rem;
        float:right;
        color:#fd71c3;
        font-size:0.24rem;
        line-height:0.79rem;
        display:block;
        margin-right:0.2rem;
    }
    .shop_zong1_g{
        width:100%;
        height:0.79rem;
        border-bottom:0.01rem solid #f0f0f0;
    }
    .shop_goods_m_p_te_g img{
        position:absolute;
        display:block;
        width:0.21rem;
        height:0.36rem;
        top:0.05rem;
        right:0.15rem;
    }
    .shop_goods_m_g .shop_goods_m_p_te_g{
        width:100%;
        height:0.5rem;
        position:relative;
    }
    .shop_goods_m_p_te_g span:nth-of-type(2){
        display:block;
        height:0.5rem;
        line-height:0.5rem;
        font-size:0.24rem;
        color:#494848;
        width:2rem;
        padding-left:0.55rem;
        /* overflow: hidden; !*!*自动隐藏文字*!*!
         text-overflow: ellipsis;!*!*文字隐藏后添加省略号*!*!
         white-space: nowrap;*/
        float:left;
    }
    .shop_goods_m_p_te_g span:nth-of-type(3){
        height:0.5rem;
        float:right;
        font-size:0.24rem;
        line-height:0.5rem;
        display:block;
        margin-right: 0.43rem;
    }
    .shop_goods_m_p_te_g span:nth-of-type(1){
        display:block;
        height:0.28rem;
        width:0.28rem;
        line-height:0.28rem;
        text-align:center;
        color:#ffffff;
        font-size:0.23rem;
        background:#fc1dac;
        position:absolute;
        top:0.1rem;
        left:0.18rem;
    }
    /*红包*/
    .shop_goods_m_g .shop_goods_m_p_g{
        width:100%;
        height:0.5rem;
        position:relative;
    }
    .shop_goods_m_p_g span:nth-of-type(2){
        display:block;
        height:0.5rem;
        line-height:0.5rem;
        font-size:0.24rem;
        color:#494848;
        width:4.45rem;
        padding-left:0.55rem;
        overflow: hidden; /*!*自动隐藏文字*!*/
        text-overflow: ellipsis;/*!*文字隐藏后添加省略号*!*/
        white-space: nowrap;
        float:left;
    }
    .shop_goods_m_p_g span:nth-of-type(3){
        height:0.5rem;
        float:right;
        color:#fd71c3;
        font-size:0.24rem;
        line-height:0.5rem;
        display:block;
        margin-right:0.2rem;
    }
    .shop_goods_m_p_g span:nth-of-type(1){
        display:block;
        height:0.28rem;
        width:0.28rem;
        line-height:0.28rem;
        text-align:center;
        color:#ffffff;
        font-size:0.23rem;
        background:#fc1dac;
        position:absolute;
        top:0.1rem;
        left:0.18rem;
    }
    .shop_goods_m_g{
        width:100%;
        min-height:0.5rem;
        padding-top:0.16rem;

        border-bottom:0.01rem solid #f0f0f0;
        border-top:0.01rem solid #f0f0f0;
    }
    /*商品优惠红包列表*/
    .shop_zong_g span:nth-of-type(1){
        display:block;
        width:1.76rem;
        height:0.8rem;
        float:left;
        line-height:0.8rem;
        color:#b3b3b3;
        font-size:0.26rem;
        text-indent: 0.2rem;
    }
    .shop_zong_g span:nth-of-type(2){
        height:0.8rem;
        float:right;
        color:#fd71c3;
        font-size:0.24rem;
        line-height:0.8rem;
        display:block;
        margin-right:0.2rem;
    }
    .shop_zong_g{
        width:100%;
        height:0.8rem;
    }
    .shop_border_g{
        width:100%;
        height:0.1rem;
        background:#f5f4f2;
    }
    /*购物车新版*/
    .shop_min_g{
        min-height:2rem;
        width:100%;
    }
    /*新版样式*/
    .details_tu_list span{
        height:0.8rem;
        line-height:0.8rem;
        color:#2c2b2b;
        font-size:0.26rem;
        position:absolute;
        top:0.18rem;
        right:0.4rem;
    }
    .img_mmg{
        display:block;
        width:0.21rem;
        height:0.36rem;
        position:absolute;
        top:0.4rem;
        right:0.2rem;
    }
    .details_tu_list .tu_list_gou{
        height:0.8rem;
        width:5rem;
        overflow:hidden;
        padding-left:0.24rem;
       /* display:flex;*/
       /* overflow:hidden;*/
    }
    .details_tu_list .tu_list_gou li img{
        display:block;
        height:0.7rem;
        width:0.7rem;
    }
    .tu_list_gou .swiper-slide{
        width:0.8rem;
        height:0.8rem;
        float:left;
    }
    .details_tu_list .tu_list_gou li{
        width:0.8rem;
        height:0.8rem;
        list-style:none;
        margin-right:0.1em;
    }
    .details_tu_list{
        width:100%;
        height:0.89rem;
        border-bottom:0.01rem solid #f0f0f0;
        padding-top:0.2rem;
        position:relative;
    }
    /*新版确认订单的css*/
    .te_bie{
        height:3rem;
        overflow: hidden;
    }
    .back_c{
        height:100%;
        width:100%;
        background:#000000;
        filter:alpha(opacity=50);
        opacity: 0.5;
        position:fixed;
        left:0;
        top:0;
        z-index: 1;
    }
    /*日期选择时间的样式选中*/
    #swiper_first .swiper-slide.swiper-slide-active{
        color:#29adfc;
        border-bottom:0.01rem solid #f0f0f0;
        border-top:0.01rem solid #f0f0f0;
    }
    #swiper_one .swiper-slide.swiper-slide-active{
        color:#29adfc;
        border-bottom:0.01rem solid #f0f0f0;
        border-top:0.01rem solid #f0f0f0;
    }
    #detail_stroll{
        /*  overflow-y:auto;*/
          overflow-x: hidden;
    }
    #span_1{
        margin-right:0.5rem;
    }
    #span_2 time{
        left:0.35rem;
    }
   /* #color{
        color:green;
    }*/
    #span_1.showY{
        color:#43b4fc;
        border-color:#43b4fc;
    }
    #span_2.showY{
        color:#43b4fc;
        border-color:#43b4fc;
    }
    .shop_detail_add1{
        height:1.58rem;
        width:100%;
        background:#f5f4f2;
    }
    .shop_con1{
        min-height:0.94rem;
        width:100%;
        position:relative;
        background:#ffffff;
    }
    .shop_con1 img:nth-of-type(1){
        display:block;
        position:absolute;
        height:0.03rem;
        width:100%;
        top:-0.06rem;
    }
    .shop_con1 img:nth-of-type(2){
        display:block;
        position:absolute;
        height:0.4rem;
        width:0.4rem;
        left:0.24em;
        top:0.3rem;
    }
    .shop_con1 img:nth-of-type(3){
        display:block;
        position:absolute;
        right:0.22rem;
        top: 0.3rem;
        height:0.36rem;
        width:0.2rem;
    }
    .shop_con1 h5{
        height: 0.94rem;
        line-height:0.94rem;
        color:#5d5d5d;
        font-size:0.22rem;
        text-indent: 0.7rem;
    }
    .shop_detail1_add{
        height:2rem;
        width:100%;
        background:#f5f4f2;
    }
    .shop_add1{
        min-height:0.8rem;
        width:100%;
        background:#f5f4f2;
        /*padding-top: 0.06rem;*/
    }
    .shop_con_detail1 p:nth-of-type(2){
        width:4rem;
        height:0.3rem;
        line-height:0.3rem;
        font-size:0.2rem;
        word-wrap:break-word;
        position:absolute;
        color:#8f8f8f;
        left:0.7rem;
        top:0.65rem;
    }
    .shop_con_detail1 p:nth-of-type(1){
        height:0.7rem;
        width:100%;
        padding:0.2rem 0 0 0.32rem;
    }
    .shop_con_detail1 p:nth-of-type(1) span{
        color:#5d5d5d;
        font-size:0.26rem;
        display:block;
        float:left;
    }
    .shop_con_detail1 p:nth-of-type(1) span:nth-of-type(1){
       /* height:0.7rem;*/
        min-width:1rem;
    }
    .shop_con_detail1{
        min-height:1.5rem;;
        width:100%;
        position:relative;
        background:#ffffff;
    }
    .shop_con_detail1 img:nth-of-type(1){
        display:block;
        position:absolute;
        height:0.03rem;
        width:100%;
        top:-0.08rem;
    }
    .shop_con_detail1 img:nth-of-type(3){
        display:block;
        position:absolute;
        height:0.4rem;
        width:0.4rem;
        left:0.2em;
        top:0.6rem;
    }
    .shop_con_detail1 img:nth-of-type(2){
        display:block;
        position:absolute;
        right:0.22rem;
        top: 0.7rem;
        height:0.36rem;
        width:0.2rem;
    }

    /*添加地址样式*/
    .add1{
        position:fixed;
        z-index:4;
        bottom:0;
        left:0;
        background: #ffffff;
        height:6rem;
    }
    #a_click1{
        width:100%;
        background: #ffffff;
    }
    .a_click1 button{
        display:block;
        height:0.84rem;
        width:5.71rem;
        background:#29adfc;
        color:#ffffff;
        line-height:0.84rem;
        text-align:center;
        outline: none;
        border:0;
        margin:1.45rem 0.35rem 0 0.35rem;
        font-size:0.3rem;
    }
    .add_p1{
        height:3.6rem;
        width:100%;
    }
    .add_p1 p:nth-of-type(6){
        height:0.8rem;
        width:100%;
        display:flex;
        flex-direction: row;
    }
    .add_p1 p:nth-of-type(6) .s_l{
        width:2.33rem;
        display:block;
        height:0.8rem;
        line-height:0.8rem;
        color:#3c3c3c;
        font-size:0.22rem;
        text-indent: 0.3rem;
    }
    .add_p1 p:nth-of-type(6) .s_l1{
        display:block;
        height:0.8rem;
        width:4.07rem;
        font-size:0.2rem;
        line-height:0.8rem;
        position:relative;
      /*  margin-left:0.5rem;*/
    }
   /* .add_p1 p:nth-of-type(6) .s_l1 time:nth-of-type(1){
        position:absolute;
        left:-0.5rem;
        top:0.28rem;
    }
    .add_p1 p:nth-of-type(6) .s_l1 time:nth-of-type(2){
        position:absolute;
        left:0.4rem;
        top:0.16rem ;
    }
    .add_p1 p:nth-of-type(6) .s_l1 time{
        display:block;
        height:0.25rem;
        width:0.25rem;
        border-radius:50%;
        border:1px solid #d2d1cf;
    }
    .add_p1 p:nth-of-type(6) .s_l span{
        font-size:0.17rem;
        color:#939393;
    }*/
    .add_p1 p{
        border-bottom:1px solid #cfcecd;
    }
    .add_p1 p:nth-of-type(1){
        height:0.8rem;
        width:100%;
        line-height:0.8rem;
        text-indent: 2.5rem;
        color:#29adfc;
        font-size:0.28rem;
        position:relative;
    }
    .add_p1 p:nth-of-type(1) img{
        position:absolute;
        top: 0.2rem;
        left:0.2rem;
        height:0.43rem;
        width:0.51rem;
    }
    /* .add_p p:nth-of-type(1) img{
         display:block;
         position:absolute;
         width:0.31rem;
         height:0.37rem;
         left:0.27rem;
         top:0.23rem;
     }*/
    .add_p1 p:nth-of-type(2){
        height:0.8rem;
        width:100%;
        display:flex;
        flex-direction: row;
    }
    .add_p1 p:nth-of-type(2) span{
        width:2.33rem;
        display:block;
        height:0.8rem;
        line-height:0.8rem;
        color:#3c3c3c;
        font-size:0.22rem;
        text-indent: 0.3rem;
    }
    .add_p1 p:nth-of-type(2) input{
        display:block;
        height:0.8rem;
        width:4.07rem;
        border:0;
        outline:none;
        font-size:0.2rem;
    }
    .add_p1 p:nth-of-type(3){
        height:0.8rem;
        width:100%;
        display:flex;
        flex-direction: row;
        overflow: hidden;
    }
    .add_p1 p:nth-of-type(3) span{
        width:2.33rem;
        display:block;
        height:0.8rem;
        line-height:0.8rem;
        color:#3c3c3c;
        text-indent: 0.3rem;
        font-size:0.22rem;
    }
    .add_p1 p:nth-of-type(3) input{
        display:block;
        height:0.8rem;
        width:4.07rem;
        border:0;
        outline:none;
        font-size:0.2rem;
    }
    .add_p1 p:nth-of-type(4){
        height:0.8rem;
        width:100%;
        display:flex;
        flex-direction: row;
        position:relative;
    }
    .add_p1 p:nth-of-type(4) span:nth-of-type(1){
        width:2.33rem;
        display:block;
        height:0.8rem;
        line-height:0.8rem;
        color:#3c3c3c;
        font-size:0.22rem;
        text-indent: 0.3rem;
    }
    .add_p1 p:nth-of-type(4) span:nth-of-type(2){
        display:block;
        height:0.8rem;
        width:4.07rem;
        line-height:0.8rem;
        font-size:0.2rem;
    }
    .add_p1 p:nth-of-type(4) img{
        display:block;
        position:absolute;
        height:0.37rem;
        width:0.3rem;
        right: 0.6rem;
        top:0.17rem;
    }
    .add_p1 p:nth-of-type(5){
        height:0.8rem;
        width:100%;
        display:flex;
        flex-direction: row;
        overflow:hidden;
    }
    .add_p1 p:nth-of-type(5) span:nth-of-type(1){
        width:2.33rem;
        display:block;
        height:0.8rem;
        line-height:0.8rem;
        color:#3c3c3c;
        font-size:0.22rem;
        text-indent: 0.3rem;
    }
    .add_p1 p:nth-of-type(5) input{
        display:block;
        height:0.8rem;
        width:4.07rem;
        line-height:0.8rem;
        border: 0;
        outline: none;
        font-size:0.2rem;
        overflow: hidden; /*!*自动隐藏文字*!*/
        text-overflow: ellipsis;/*!*文字隐藏后添加省略号*!*/
        white-space: nowrap;
    }
    /*以上是地址弹窗*/
    .detai_over{
        overflow-x: hidden;
      /*  height:100%;*/
        overflow-y: auto;
    }
    /*1111*/
    .address_3{
        height:7.2rem;
        width:100%;
        position:fixed;
        bottom:0;
        overflow-y:scroll;
        z-index:6;
    }
    .address_3 p:nth-of-type(1){
        height:0.8rem;
        width:100%;
        line-height:0.8rem;
        text-align:center;
        color:#29adfc;
        font-size:0.28rem;
        border-bottom:1px solid #f0f0f0;
        background:#ffffff;
        position:relative;
    }
    .address_3 p:nth-of-type(1) img{
        position:absolute;
        top: 0.2rem;
        left:0.2rem;
        height:0.43rem;
        width:0.51rem;

    }
    .address_3 p:nth-of-type(2){
        height:0.8rem;
        width:100%;
        background:#ffffff;
    }
    .address_3 a{
        height:0.8rem;
        width:100%;
        background:#29adfc;
        line-height:0.8rem;
        text-align:center;
        font-size:0.3rem;
        color:#ffffff;
        display:block;
        text-decoration:none;
    }
   /* .shop3_con_detail img:nth-of-type(2){
        display: block;
        position: absolute;
        height: 0.4rem;
        width: 0.4rem;
        top: 0.95rem;
        left: 0.26rem;;
    }*/
    .shop3_con_detail img:nth-of-type(1){
        position:absolute;
        display:block;
        height:0.6rem;
        width:0.6rem;
        top: 0.6rem;
        right:0.3rem;
    }
    .shop3_detail_add{
        height: 5.6rem;
        width: 100%;
        overflow-y: scroll;
        background: #ffffff;
    }
    .shop3_con_detail{
        padding-top: 0.3rem;
        min-height: 1.5rem;
        /* margin: 0.1rem 0; */
        width: 100%;
        position: relative;
        border-bottom: 1px solid #f0f0f0;
        background: #fff;
    }
    .xiu_4{
        width: 100%;
        height: 0.56rem;
        line-height: 0.56rem;
        color: black;
        font-size:0.28rem;
        /* margin-bottom: 0.1rem; */
        text-indent: 0.3rem;
    }
    .xiu_5{
        width:100%;
        height:1.04em;
        color:#969696;
        font-size:0.21rem;

    }
    .xiu_5 span{
        display: block;
        width: 3.9rem;
        font-size: 0.22rem;
        height: 1.04rem;
        line-height: 0.5rem;
        word-wrap: break-word;
        margin-left: 0.7rem;
    }
    .a_adress_3{
        position:fixed;
        bottom:0;
        z-index:3;
    }
    /*添加地址弹窗*/
    /*22222222222*/
    /*1111111*/

    /*zhifu*/
    .choose_time p img{
        position:absolute;
        top: 0.2rem;
        left:0.2rem;
        height:0.44rem;
        width:0.44rem;
    }
   /* .choose_time p{
        position:absolute;
        right:0.37rem;
        bottom:0.88rem;
        width:1.31rem;
        height:1.04rem;
        line-height:1.04rem;
        text-align:center;
        font-size:0.24em;
        z-index:7;
    }*/
  #swiper_one,.swiper-container{
        height:0.8rem;
        line-height:0.8rem;
        overflow: visible;
       /* width:1.9rem;*/
    }
    .swiper-wrapper{

    }
    .swiper-wrapper .swiper-slide{
        height:0.8rem;
        line-height:0.8rem;
        text-align:center;
        color:#bdbdbd;
        font-size:0.24rem;
    }
    .choose_left h1{
        height:1.02rem;
        line-height:1.02rem;
        text-align:center;
        color:#29adfc;
        font-size:0.28rem;
        font-weight:normal;
    }
    .choose_right h1{
        height:1.02rem;
        line-height:1.02rem;
        text-align:center;
        color:#29adfc;
        font-size:0.28rem;
        font-weight:normal;
    }
    .choose_left,.choose_right{
        height:5.42rem;
        flex:1;
    }
    .choose_time{
        width: 100%;
        height: 4.72rem;
        padding-top: 0.7rem;
        background: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
        z-index: 4;
    }
    /*选择时间弹窗*/
    .deductible img{
        height:0.43rem;
        width:0.51rem;
        display:block;
        position:absolute;
        top:-1.35rem;
        left:4rem;
    }
    .model_tan ul{
        width:3.04rem;
        height:1.09rem;
        float:left;
    }
    .model_tan ul li{
        list-style:none;
        text-align:center;
        line-height:0.37rem;
        height:0.37rem;
        color:black;
        font-size:0.2rem;
    }
    #mode span{
        display:block;
        width:3.04rem;
        height:0.77rem;
        line-height:0.77rem;
        text-align:center;
        color:#849b52;
        font-size:0.2rem;
        float:left;
    }
    .model_tan{
        left:1.69rem;
        top:-1.5rem;
        position:absolute;
        width:3.04rem;
        min-height:1.9rem;
        background:#fff;
        z-index:5;
    }
    /*1111111111111111*/
    .details_d_1{
        height:1.54rem;
        width:2.24rem;

        float:left;
        position:relative;
    }
    .details_d_1 img{
        display:block;
        height:1.2rem;
        width:1.2rem;
        margin: 0.18rem 0 0 0.28rem;
    }
    .radio{
        display:block;
        height:0.25rem;
        width:0.25rem;

        border-radius:50%;
        border:1px solid #d2d1cf;
        position:absolute;
        left:0.24rem;
        top:1.02rem;
    }
    .radio_selected{
        background:url(../image/blue_2.jpg) no-repeat;
        background-size:cover;
        border:0;
    }

    .details_d_2{
        width:2.04rem;
        height:1.54rem;

        float:left;
    }
    .details_d_2 h6{
        height:1rem;
        width:5rem;;
       /* text-align:center;*/
        text-indent: -0.5rem;
        line-height:0.8rem;
        color:#353535;
        font-size:0.24rem;
        font-weight:normal;
    }
   .s_width{
        height:0.45rem;
       /* width:1.4rem;*/
        color:#9e9e9e;
        font-size:0.2rem;
        line-height:0.45rem;
        /*text-align:center;*/
       text-indent: -0.5rem;
       margin-top: -0.4rem;
       /*1*/
    }
    .a_j div{
        display:block;
        height:0.36rem;
        width:0.36rem;
        border-radius:50%;
        color:#f77602;
        border:1px solid #dbdbdb;
        font-size:0.4rem;
        line-height:0.36rem;
        text-align:center;
    }
    .a_j span{
        display:block;
        height:0.52rem;
        width:0.36rem;
        color:#000000;
        line-height:0.52rem;
        text-align:center;
        font-size:0.18rem;
        margin:0 0.18rem;
    }
    .add_r span:nth-of-type(1){
        height:0.26rem;
        width:0.8rem;
        line-height:0.26rem;
        text-align:center;
        color:#ee8a23;
        font-size:0.2rem;
        position:absolute;
        left:0.1rem;
        top:0.2rem;
    }
    .add_r span:nth-of-type(2){
        height:0.25rem;
        width:0.66rem;
        line-height:0.25rem;
        text-align:center;
        border:1px solid #a5be87;
        border-radius:8px;
        font-size:0.16rem;
        color:#a5be87;
        position:absolute;
        top:0.2rem;
        right:0;
    }
    .add_r{
        width:1.5rem;
        height: 0.86rem;
        position:relative;
    }
    .shop_lis1{
        height:1.54rem;
        width:100%;
       /* position:relative;*/
        border-top:1px solid #f0f0f0;
    }
    .shop_list{
        height:0.5rem;
        width:100%;
        display:flex;
    }
    .shop_list li{
        flex:1;
        line-height:0.5rem;
        text-align:center;
        list-style:none;
        font-size:0.22rem;
        color:#9a9a9a;
    }
    /*mmmmmmmmmmm*/
    .detail_bac span:nth-of-type(1){
        position:absolute;
        width:0.69rem;
        height:0.46rem;
        color:#ffffff;
        font-size:0.3rem;
        left:0.26rem;
        top:0.13rem;
        line-height:0.4rem;
        display:block;
    }
    .detail_bac span:nth-of-type(2){
       /* width: 1.2rem;*/
        height:0.23rem;
        line-height:0.23rem;
        color:#fdf6f9;
        display:block;
        font-size:0.14rem;
        position:absolute;
        left:1.05rem;
        top:0.1rem;
    }
    .detail_bac span:nth-of-type(3){
        position:absolute;
        display:block;
        width:1.2rem;
        height:0.23rem;
        font-size:0.18rem;
        color:#ffffff;
        font-weight:700;
        left:1.05rem;
        top:0.33rem;
    }
    .detail_bac span:nth-of-type(4){
        position:absolute;
        display:block;
        width:2.45rem;
        height:0.32rem;
        line-height:0.32rem;
        text-align:center;
        color:#ffffff;
        font-size:0.14rem;
        top:0.57rem;
    }
    .detail_bac span:nth-of-type(5){
        position:absolute;
        display:block;
        width:1.38rem;
        height:0.9rem;
        color:#e688b2;
        font-size:0.2rem;
        line-height:0.9rem;
        text-align:center;
        left:4.04rem;
    }
    .detail_bac{
        width:5.50rem;
        height:0.9rem;
        background:url(../image/bac.png) no-repeat ;
        background-size:cover;
        position:relative;
        margin-top: 0.2rem;
    }
    .detail_s{
        width:100%;
        height:3.52rem;
        background:#eeeeee;
        padding:0.5rem 0.5rem 0.36rem 0.36rem;
        overflow-y:auto;
    }
    .details_model p:nth-of-type(1){
        height:0.8rem;
        width:100%;
        line-height:0.8rem;
        text-align:center;
        color:#494949;
        font-size:0.28rem;
        border-bottom:1px solid #d9d9d9;
        background:#ffffff;
        position:relative;
    }
    .details_model p:nth-of-type(1) img{
        position:absolute;
        top: 0.2rem;
        left:0.2rem;
        height:0.43rem;
        width:0.51rem;

    }
    .details_model{
        height:5.13rem;
        width:100%;
        position:fixed;
        bottom:0;
        left:0;
        z-index:5;
    }
    .details_border{
        height:0.1rem;
        width:100%;
        /*border-top:1px solid #c7c6c4;*/
        background:#f5f4f2;
    }
    .invoice_details{
         width:100%;
        height:0.8rem;
    }
    .invoice_details span:nth-of-type(1){
        width:1.02rem;
        height:0.8rem;
        line-height:0.8rem;
        text-align:center;
        color:#494848;
        font-size:0.24rem;
        float:left;
        margin-left:0.1rem;
    }
    .invoice_details span:nth-of-type(2){
        width: 1.1rem;
        height:0.8rem;
        line-height:0.8rem;
        text-align:center;
        color:#bfbfbf;
        font-size:0.24rem;
        float:right;
        margin-right: 0.1rem;
    }
    .payment_details{
        height:0.8rem;
        width:100%;
       /* position:fixed;*/
        position:fixed;
        left:0;
        bottom:0;
        background: #ffffff;
        z-index:3;
        box-shadow: 0px -2px 6px #bfbfbf;
    }

    .payment_details button{
        float:right;
        height:0.8rem;
        width:1.9rem;
        text-align:center;
        outline: none;
        color:#ffffff;
        background:#35b2fc;
        font-size:0.28rem;
        border:0;
    }
    .payment_span{
        width:2.05rem;
        height:0.8rem;
        line-height:0.8rem;
        text-align:center;
        color:#74c3fd;
        font-size:0.26rem;
        float:left;
    }
    .payment_span time{
        color:#fc37b2;
    }
    .border_detail{
        width:100%;
        height:0.1rem;
        background:#f5f4f2;
    }
    .total{
        height:0.66rem;
        width:100%;
    }
    .detail_p{
        display:inline-block;
        height:0.66rem;
        min-width:3.6rem;
        line-height:0.66rem;
        margin-left: 0.35rem;
        font-size:0.24rem;
        color:#b2b2b2;
        float:left;
    }
   .detail_p span{
       display:inline-block;
       color:#fc1dac;
       font-size:0.26rem;
       /*font-weight:700;*/
   }
   /*111111111111111111*/
    .deductible span:nth-of-type(1){
        width:1.54rem;
        height:0.8rem;
        color:#494848;
        line-height:0.8rem;
        font-size:0.24em;
       /* text-align:center;*/
        text-indent:0.6rem;
        float:left;
    }
    .deductible span:nth-of-type(2){
        width:1.3rem;
        height:0.8rem;
        color:#7a7a7a;
        font-size:0.18rem;
        line-height:0.8rem;
        text-align:center;
        position:absolute;
        top: 0;
        left: 0.6rem;
    }
    .deductible span:nth-of-type(3){
        width:1.35rem;
        height:0.8rem;
        color:#ff7a2a;
        text-align:center;
        line-height:0.8rem;
        font-size:0.18rem;
        float:right;
    }
    .deductible span:nth-of-type(4){
        width: 0.24rem;
        height: 0.24rem;
        line-height: 0.24rem;
        text-align: center;
        color: #fff;
        background: #ff6000;
        font-size: 0.18rem;
        position: absolute;
        left: 0.33rem;
        top: 0.27rem;

    }
    .deductible span:nth-of-type(3) time{
        color:#333;
    }
    /*222222222222222222222*/
    .freight span:nth-of-type(1){
        width:1.3rem;
        height:0.8rem;
        color:#494848;
        line-height:0.8rem;
        font-size:0.24rem;
        text-align:center;
        float:left;
    }
    .discount span:nth-of-type(1){
        width:1.3rem;
        height:0.8rem;
        color:#494848;
        line-height:0.8rem;
        font-size:0.24rem;
        text-align:center;
        float:left;
    }
    .discount span:nth-of-type(2){
        width:0.9rem;
        height:0.3rem;
        line-height:0.3rem;
        text-align:center;
        color:#fc1dac;
        font-size:0.14rem;
        position:absolute;
        left:1.06rem;
        top:0.2rem;
        border:1px solid #fc1dac;
        border-radius:4px;
    }
    .discount span:nth-of-type(3){
        width: 1.2rem;
        height:0.8rem;
        color:#d0d0d0;
        font-size:0.23rem;
        line-height:0.8rem;
        /*text-align:center;*/
        text-indent:0.2rem;
        float:right;
        margin-right: 0.1rem;
    }
    .freight span:nth-of-type(2){
        /*width:1.12rem;*/
        height:0.8rem;
        color:#494848;
        /*text-align:center;*/
        line-height:0.8rem;
        float:right;
        margin-right:0.22rem;
        font-size:0.24rem;
    }
    .freight span:nth-of-type(3){
        width:0.23rem;
        height:0.23rem;
        color:#ffffff;
        text-align:center;
        line-height:0.23rem;
        font-size:0.18rem;
        background:#bfbfbf;
        border-radius:50%;
        position:absolute;
        left:1.12rem;
        top:0.28rem;
    }
    .freight,.discount,.deductible{
        height:0.8rem;
        border-bottom:1px solid #f0f0f0;
        width:100%;
        position:relative;
    }
    .bor_p{
        width:100%;
        height:0.1rem;
       /* border-top:1px solid #d2d1cf;*/
        background:#f5f4f2;
    }
    .price span:nth-of-type(2){
        height:0.87rem;
      /*  width:1rem;*/
        /*text-align:center;*/
        line-height:0.87rem;
        color:#444444;
        font-size:0.24rem;
        float:right;
        margin-right: 0.2rem;
    }
    .price span:nth-of-type(1){
        width:0.65rem;
        height:1.87rem;
        line-height:0.87rem;
        text-align:center;
        color:#bdbdbd;
        font-size:0.24rem;
        float:left;
    }
    .price{
        width:1.67rem;
        height:1.54rem;
        float:right;
        /*position:absolute;

        right: 0.1rem;
        top:0;*/
    }
    .h_f{
        margin-bottom:0.45rem;
    }
    .arr_time{
        height:0.7rem;
        width:100%;
        border-bottom:0.01rem solid #f0f0f0;
    }
    .arr_time span:nth-of-type(1){
        width:1.65rem;
        height:0.7rem;
        line-height:0.7rem;
        text-align:center;
        color:#494848;
        font-size:0.26rem;
        float:left;
    }
    .arr_time span:nth-of-type(2){
        height:0.7rem;
        line-height:0.7rem;
        text-align:center;
        color:#43b4fc;
        font-size:0.24rem;
        float:right;
        margin-right:0.22rem;
    }
    .package_2{
        /*width:2.25rem;*/
        height:0.67rem;
        line-height:0.67rem;
        text-align:center;
        color:#afafaf;
        font-size:0.24rem;
        float:right;
        margin-right:0.2rem;
    }
    .package_1{
        width:1.28rem;
        height:0.67rem;
        text-align:center;
        line-height:0.67rem;
        color:#555454;
        float:left;
        font-size:0.3rem;
        font-weight:normal;
    }
    .package span:nth-of-type(1){
        height: 0.3rem;
        width: 1rem;
        line-height: 0.34rem;
        text-align: center;
        border: 1px solid #50b9fc;
        border-radius: 8px;
        font-size: 0.12rem;
        color: #50b9fc;
        position: absolute;
        top: 0.2rem;
        left: 1.2rem;
    }
    .package{
        height:0.67rem;
        width:100%;
        border:1px solid #f0f0f0;
        position:relative;
    }
    .shop_con_detail p:nth-of-type(2){
        width:4rem;
        height:0.3rem;
        line-height:0.3rem;
        font-size:0.2rem;
        word-wrap:break-word;
        position:absolute;
        color:#8f8f8f;
        left:1rem;
        top:0.8rem;
    }
    .shop_con_detail1 p:nth-of-type(1){
        height:0.7rem;
        width:100%;
        padding:0.2rem 0 0 0.66rem;
    }
    .shop_con_detail1 p:nth-of-type(1) span{
        color:#5d5d5d;
        font-size:0.28rem;
        display:block;
        float:left;
        line-height:0.4rem;
    }
    .shop_con_detail1 p:nth-of-type(1) span:nth-of-type(1){
        /*height:0.7rem;*/
        min-width:1rem;
    }
    .shop_con_detail1{
        min-height:1.79rem;
        width:100%;
        position:relative;
        background:#ffffff;
    }
    .shop_con_detail1 img:nth-of-type(1){
        display:block;
        position:absolute;
        height:0.03rem;
        width:100%;
        top:-0.08rem;
    }
    .shop_con_detail1 img:nth-of-type(3){
        display:block;
        position:absolute;
        height:0.4rem;
        width:0.4rem;
        left:0.24em;
        top:0.6rem;
    }
    .shop_con_detail1 img:nth-of-type(2){
        display:block;
        position:absolute;
        right:0.22rem;
        top: 0.7rem;
        height:0.36rem;
        width:0.2rem;
    }
    .shop_detail_add{
        height:1.84rem;
        width:100%;
        background:#f5f4f2;
      /*  padding-top:0.2rem;*/
    }
    .shop_detail{
        height:0.8rem;
        width:100%;
       /* border-bottom:1px solid #f0f0f0;*/
        position:relative;
        background:#ffffff;
    }
    .shop_detail img:nth-of-type(1){
        height:0.36rem;
        width:0.36rem;
        display:block;
        position:absolute;
        left:0.25rem;
        top:0.2rem;
    }
    .shop_detail img:nth-of-type(2){
        display:block;
        position:absolute;
        height:0.03rem;
        width:100%;
        bottom:0;
        left:0;
    }
    .shop_detail h4{
        height:0.79rem;
        color:#2eaffc;
        font-size:0.28rem;
        line-height:0.79rem;
        text-align:center;
        /*font-weight:normal;*/
    }

    .shop_con{
        min-height:0.94rem;
        width:100%;
        position:relative;
        background:#ffffff;
        padding-top:0.2rem;
    }
    .shop_con img:nth-of-type(1){
        display:block;
        position:absolute;
        height:0.08rem;
        width:100%;
        top:-0.08rem;
    }
    .shop_con img:nth-of-type(2){
        display:block;
        position:absolute;
        height:0.35rem;
        width:0.35rem;
        left:0.24em;
        top:0.3rem;
    }
    .shop_con img:nth-of-type(3){
        display:block;
        position:absolute;
        right:0.22rem;
        top: 0.3rem;
        height:0.36rem;
        width:0.2rem;
    }
    .shop_con h5{
        height: 0.94rem;
        line-height:0.94rem;
        color:#5d5d5d;
        font-size:0.22rem;
        text-indent: 0.7rem;
    }

</style>
